{% extends 'frame/base.html' %} {% load staticfiles %} {% block title_block %} 项目列表 {% endblock %} {% block mystyle_css %}
<style type="text/css">
	.todo-list>li p {
		width: 100%;
		padding: 15px 0 10px 35px;
	}
</style>
{% endblock %} {% block body_block %}
<!--运行时弹出的环境选择模态框-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="env_modal" data-backdrop="static"">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      {% include 'api/choose_env.html' %}
    </div>
  </div>
</div>

<div class="modal fade" style="z-index: 10000;" id="edit_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title">项目编辑</h4>
			</div>
			<div class="modal-body col-md-12" >
				<div class="col-md-12 row_wrapper">
					<label class="control-label col-md-2 text-primary" for="edit_project_name">项目名称：</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="edit_project_name" aria-describedby="inputSuccess3Status" name="project_name" placeholder="请输入项目名称" value="">
					</div>
				</div>
				<div class="col-md-12 row_wrapper">
					<label class="control-label col-md-2 text-primary" for="edit_responsible_name">负责人：</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="edit_responsible_name" aria-describedby="inputSuccess3Status" name="project_name" placeholder="请输入项目负责人" value="">
					</div>
				</div>
				<div class="col-md-12 row_wrapper">
					<label class="control-label col-md-2 text-primary" for="edit_test_user">测试人员：</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="edit_test_user" aria-describedby="inputSuccess3Status" name="project_name" placeholder="请输入参与的测试人员" value="">
					</div>
				</div>
				<div class="col-md-12 row_wrapper">
					<label class="control-label col-md-2 text-primary" for="edit_dev_user">开发人员：</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="edit_dev_user" aria-describedby="inputSuccess3Status" name="project_name" placeholder="请输入项目参与的研发人员" value="">
					</div>
				</div>
				<div class="col-md-12 row_wrapper">
					<label class="control-label col-md-2 text-primary" for="edit_publish_app">发布应用：</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="edit_publish_app" aria-describedby="inputSuccess3Status" name="project_name" placeholder="请输入发布的应用" value="">
					</div>
				</div>
				<div class="col-md-12 row_wrapper">
					<label class="control-label col-md-2 text-primary" for="edit_simple_desc">简要描述：</label>
					<div class="col-md-10">
						<textarea type="text" rows="3" class="form-control" id="edit_simple_desc" name="simple_desc" aria-describedby="inputSuccess3Status" placeholder="项目简单概述"></textarea>
					</div>
				</div>
				<div class="col-md-12 row_wrapper">
					<label class="control-label col-md-2 text-primary" for="edit_other_desc">其他信息：</label>
					<div class="col-md-10">
						<textarea type="text" rows="3" class="form-control" id="edit_other_desc" name="other_desc" aria-describedby="inputSuccess3Status" placeholder="项目其他相关信息描述"></textarea>
					</div>
				</div>
				<input id="edit_project_id" style="display: none;"/>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary" id="submit_modify">提交更改</button>
			</div>
		</div>
	</div>
</div>
<div class="main">
	<!-- MAIN CONTENT -->
	<div class="main-content">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div class="panel">
						<div class="panel-heading">
							<span class="ion-md-flag" id="title">项目列表</span>
							<a class="ion-md-add btn btn-sm font-white" id="add_project"> 新增项目</a>
							<a class="ion-md-add btn btn-sm font-white" id="add_projects" style="display: none;"> 批量导入</a>
							<a class="ion-ios-bug btn btn-sm font-white" id="excute" style="display: none;"> 运行</a>
						</div>
						<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3);margin-top: 0px;" width="100%" color=#987cb9 SIZE=3>
						<div id="search-bar" class="row">
							<div class="col-sm-2 col-md-1 col-lg-1 input">
								<input type="text" class="form-control" id="search_name" placeholder="项目名称">
							</div>
							<div class="col-sm-2 col-md-1 col-lg-1 input">
								<input type="text" class="form-control" id="search_person" placeholder="负责人">
							</div>
							<a href="#" class="btn btn-sm btn-success search" id="search_btn">搜索</a>
							<a href="#" class="btn btn-sm btn-info clear" id="clear_btn">清空条件</a>
						</div>
						<div class="table-responsive" id="project_list_table">
							<table class="table table-hover">
								<thead>
									<tr class="success">
										<th>
											<input type="checkbox" id="slect_all" />
										</th>
										<th>序号</th>
										<th>项目名称</th>
										<th>负责人</th>
										<th>测试人员</th>
										<th>创建时间</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="project_list_body">
								</tbody>
							</table>
						</div>
						<nav aria-label="Page navigation" id="page_navigation_wrapper">
							<ul class="pagination">
								<li id="pre_page_wrapper">
									<a aria-label="Previous" id="pre_page" href="#">
										<span aria-hidden="true">&laquo;</span>
									</a>
								</li>
								<li>
									<a id="page1" style="cursor: pointer;">1</a>
								</li>
								<li>
									<a id="page2" style="cursor: pointer;">2</a>
								</li>
								<li>
									<a id="page3" style="cursor: pointer;">3</a>
								</li>
								<li>
									<a id="page4" style="cursor: pointer;">4</a>
								</li>
								<li>
									<a id="page5" style="cursor: pointer;">5</a>
								</li>
								<li style="display: none;">
									<a id="page_curr">1</a>
								</li>
								<li id="next_page_wrapper">
									<a aria-label="Next" id="next_page" href="#">
										<span aria-hidden="true">&raquo;</span>
									</a>
								</li>
							</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="{% static '/frame/js/pageIndicator.js' %}"></script>
<script src="{% static '/api/js/netutils.js' %}"></script>
<script src="{% static '/api/js/commons.js' %}"></script>
<script src="{% static '/api/js/project_list.js' %}"></script>
<link rel="stylesheet/less" href="{% static '/api/less/project_list.less' %}" />
<!-- END MAIN CONTENT -->
{% endblock %}